import React, { useRef } from 'react'
import Test from './Test'
import Demo from './Demo'
export default function App() {
  // const ref = React.createRef('默认值') // 之前的方式不能写默认值
  const ref1 = useRef('默认值') //新方式,可以写默认值

  // ref对象的current属性是可以被赋值的
  // ref.current = { name: 'zs' }
  // ref1.current = { name: 'zs' }

  return (
    <div>
      App
      <hr />
      {/* ref对象和标签进行绑定,则可以获取到标签的真实dom */}
      <h1 ref={ref1}>xxx</h1>
      <Demo></Demo>
      <Test></Test>
      <button
        onClick={() => {
          console.log(ref1.current)
        }}
      >
        按钮
      </button>
    </div>
  )
}
